var c12=document.querySelector(".c12")
// var body=document.getElementsByTagName("body")[0]
var aida=0
var c13=document.querySelector(".c13");
var c13li=c13.querySelectorAll("li");

// 导航栏点击事件
// for(var i=0;i<c13li.length;i++){
//     c13li[i].onclick=function(){
//         document.documentElement.scrollTop="1000"
//     }   
// }
// 滚动条出现导航栏事件
document.onscroll=function(){;
    var top=document.documentElement.scrollTop;
    console.log(top)
    aida=top/100//这里有math的方法让它无限接近或等于1的方法，可以查看数学对象的笔记
    c12.style.opacity=aida;
    if(top>=600&&top<3900){
        c13.style.display="block"

        if(top>=600&&top<1350){
            for(var i=0;i<c13li.length;i++){
                c13li[i].className=""
            }
            c13li[0].className="blue"
        }else if(top>=1300&&top<2100){
            for(var i=0;i<c13li.length;i++){
                c13li[i].className=""
            }
            c13li[1].className="blue"
            c13.scrollLeft=150;
        }else if(top>=2100&&top<2800){
            for(var i=0;i<c13li.length;i++){
                c13li[i].className=""
            }
            c13li[2].className="blue"
            c13.scrollLeft=270;
        }else if(top>=2800&&top<3100){
            for(var i=0;i<c13li.length;i++){
                c13li[i].className=""
            }
            c13li[3].className="blue"
            c13.scrollLeft=400;
        }else if(top>=3100&&top<3400){
            for(var i=0;i<c13li.length;i++){
                c13li[i].className=""
            }
            c13li[4].className="blue"
            c13.scrollLeft=500;
        }else if(top>=3400&&top<3600){
            for(var i=0;i<c13li.length;i++){
                c13li[i].className=""
            }
            c13li[5].className="blue"
        }else if(top>=3600&&top<3900){
            for(var i=0;i<c13li.length;i++){
                c13li[i].className=""
            }
            c13li[6].className="blue"
        }
    }else{
        c13.style.display="none"

    } 
} 
var f1=document.querySelectorAll(".f1");
for(var i=0;i<f1.length;i++){
    f1[i].onclick=function(){
        layer.open({
            content: '加载中'
            ,skin: 'msg'
            ,time: 2 //2秒后自动关闭
          });
          setTimeout(layer.open({
                type: 1
                ,content: '<div style="background-color: white;"><p>凤凰古城含夜游沱江套票成人票</p><h3 style="color: orange;">￥135账</h3><p>价格日历</p><ul  style="display: flex;text-align: center;justify-content: space-around;"><li style="border: 1px solid black;">今天<br>1月21日</li><li style="border: 1px solid black;">明天<br>1月22日</li><li style="border: 1px solid black;">后天<br>月23日</li> <li style="border: 1px solid black;">其他<br>日期</li></ul><p style="color: orange ;font-size: 12px;">需要在游玩当天的16:00前预订；预订后1小时才能入园</p> <button  style="width: 100%; height: 0.5rem; color: white; background-color: orange;">立即预约</button> </div>'
                ,anim: 'up'
                ,style: 'position:fixed; bottom:0; left:0; width: 100%; height: 200px; padding:10px 0; border:none;'
              }),5000)
        
    }
}
// 下拉菜单
var bdbm=document.querySelectorAll(".bdbm")
for(var i=0;i<bdbm.length;i++){
    bdbm[i].onclick=function(){
        var yoyo=this.lastElementChild;
        yoyo.className=""
        yoyo.style.index="2"
    }
}